<div class="header">
    <div class="header-pos">
        <div class="max-auto">
            <div class="logo">
                <a href="#">
                    <img src="./img/logo.png">
                </a>
            </div>
            <div class="menu">
                <div class="menu-login">
                    <span class="hellotext">欢迎光临SKT1,这里是全球最大的电竞投注网站！</span>
                    <div style="display: block;" class="head-login">
                        <!-- 注意显示的时候设置为inline-block -->
                        <a class="login-btn" href="./login.html?types=login">登录</a>
                        <a class="register-btn" href="./login.html?types=register">注册</a>
                    </div>
                    <div class="personal-box" style="display: none">
                        <a href="#" class="personal">个人中心</a>
                    </div>
                    <span>语言选择：</span>
                    <div class="lang-select">
                        <div class="select-val">
                            <img src="img/lan_ch.png" class="inlineMid lan_icon">
                            <ins class="inlineMid se_icon"></ins>
                        </div>
                        <div class="select-box">
                            <ul class="select-list">
                                <li>
                                    <a href="#">
                                        <img src="img/lan_yi.png" class="inlineMid lan_icon2">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="img/lan_ch.png" class="inlineMid lan_icon2">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="img/lan_m.png" class="inlineMid lan_icon2">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <ul class="menu-list">
                    <li class="menu-item {{ menu === 'index' ? 'item-act': '' }}">
                        <a href="./index.html">首页</a>
                    </li>
                    <li class="menu-item {{ menu === 'dianjing' ? 'item-act': '' }}">
                        <a href="./dianjing.html">电竞竞猜</a>
                        <div class="togglebox">
                            <ul class="subNavi clearfix">
                                <li>
                                    <a href="casino.html">DOTA2</a>
                                </li>
                                <li>
                                    <a href="casino.html">英雄联盟</a>
                                </li>
                                <li>
                                    <a href="casino.html">王者荣耀</a>
                                </li>
                                <li>
                                    <a href="casino.html">CS:GO</a>
                                </li>
                                <li>
                                    <a href="casino.html">绝地求生</a>
                                </li>
                                <li>
                                    <a href="casino.html">守望先锋</a>
                                </li>
                                <li>
                                    <a href="casino.html">星际争霸2</a>
                                </li>
                                <li>
                                    <a href="casino.html">魔兽争霸3</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="menu-item {{ menu === 'sports' ? 'item-act': '' }}">
                        <a href="./sports.html">体育竞猜</a>
                        <div class="togglebox">
                            <ul class="subNavi clearfix">
                                <li>
                                    <a href="sports.html">沙巴体育</a>
                                </li>
                                <li>
                                    <a href="sports.html">UG体育</a>
                                </li>
                                <li>
                                    <a href="sports.html">三昇体育</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="menu-item {{ menu === 'interest' ? 'item-act': '' }}">
                        <a href="./interest.html">趣味玩法</a>
                        <div class="togglebox">
                            <ul class="subNavi clearfix">
                                <li>
                                    <a href="#">MG电子</a>
                                </li>
                                <li>
                                    <a href="#">BB电子</a>
                                </li>
                                <li>
                                    <a href="#">PT电子</a>
                                </li>
                                <li>
                                    <a href="#">AG电子</a>
                                </li>
                                <li>
                                    <a href="#">捕鱼天堂</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="menu-item {{ menu === 'casino' ? 'item-act': '' }}">
                        <a href="./casino.html">真人娱乐</a>
                        <div class="togglebox">
                            <ul class="subNavi clearfix">
                                <li>
                                    <a href="#">LEBO视讯</a>
                                </li>
                                <li>
                                    <a href="#">AG视讯</a>
                                </li>
                                <li>
                                    <a href="#">BG视讯厅</a>
                                </li>
                                <li>
                                    <a href="#">OG视讯厅</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="menu-item {{ menu === 'lottery' ? 'item-act': '' }}">
                        <a href="./lottery.html">彩票游戏</a>
                        <div class="togglebox">
                            <ul class="subNavi clearfix">
                                <li>
                                    <a href="#">时时彩</a>
                                </li>
                                <li>
                                    <a href="#">北京赛车</a>
                                </li>
                                <li>
                                    <a href="#">幸运28</a>
                                </li>
                                <li>
                                    <a href="#">快三</a>
                                </li>
                                <li>
                                    <a href="#">快乐十分</a>
                                </li>
                                <li>
                                    <a href="#">快乐8</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="menu-item {{ menu === 'promotion' ? 'item-act': '' }}">
                        <a href="./promotion.html">优惠活动</a>
                    </li>
                    <li class="menu-item {{ menu === 'partner' ? 'item-act': '' }}">
                        <a href="./partner.html">代理加盟</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>